			<form action="{if isset($formUrl)}{$formUrl}{else}{/if}" method="post" id="ratingBrowseOptionsForm">
				<input type="hidden" name="formType" value="ratingBrowseOptions" />
				<div class="panelTabs">
					{if isset($formExtFields)}
					{$formExtFields}
					{/if}
				
 					<div class="tabsExpand {if !empty($popularity) || !empty($rate) || !empty($rating)}tabsExpanded{/if}">
						<a class="label" title="{'rating browse options'|t}">{'Rating browse options'|t}</a>
					</div>				
				
				<div class="panelTabContent {if empty($popularity) && empty($rate) && empty($rating)}panelTabContentHidden{/if}">
				
					<div class="backgroundFrame280Top"></div>
					<div class="backgroundFrame280">
					
						{literal}<script type="text/javascript">
							$(function() {
								$('#popularity_min').sliders({min_value: 0, max_value:100, max_obj: '#popularity_max', postfix: '%', label:'Popularity'});
							})
						</script>{/literal}
						<input type="hidden" name="popularity[min]" id="popularity_min" value="{if isset($popularity.min)}{$popularity.min}{else}0{/if}"/>
						<input type="hidden" name="popularity[max]" id="popularity_max" value="{if isset($popularity.max)}{$popularity.max}{else}100{/if}"/>
						
						{literal}<script type="text/javascript">
							$(function() {
								$('#rate_min').sliders({min_value: 1, max_value:5, max_obj: '#rate_max', label:'Rate', value_type: 'float', scale_image: '{/literal}{$urlStatic}/image/Strona/ruler15.png{literal}'});
							})
						</script>{/literal}
						<input type="hidden" name="rate[min]" id="rate_min" value="{if isset($rate.min)}{$rate.min}{else}1.0{/if}"/>
						<input type="hidden" name="rate[max]" id="rate_max" value="{if isset($rate.max)}{$rate.max}{else}5.0{/if}"/>						

						{foreach from=$ratingOptions item=option}
						
						{literal}<script type="text/javascript">
							$(function() {
								$('#rating_{/literal}{$option->getId()}{literal}_min').sliders({min_value: 1, max_value: 5, max_obj: '#rating_{/literal}{$option->getId()}{literal}_max', value_type: 'float', label: '{/literal}{$option->getName()|t}{literal}', mouse_up_handler: function(){console.log('test')}});
							})
						</script>{/literal}
						{assign var=actId value=$option->getId()}
						<input type="hidden" name="rating[{$option->getId()}][min]" id="rating_{$option->getId()}_min" value="{if isset($rating[$actId].min)}{$rating[$actId].min}{else}1.0{/if}"/>
						<input type="hidden" name="rating[{$option->getId()}][max]" id="rating_{$option->getId()}_max" value="{if isset($rating[$actId].max)}{$rating[$actId].max}{else}5.0{/if}"/>							
						
						{/foreach}
						
					</div>
					<div class="backgroundFrame280Bottom"></div>
					<div class="submitTab"><input type="submit" name="submitBrowseOptions" value="{'show'|t}"/></div>
				</div>
			</div>
			</form>